<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <meta name="author" content="www.lzqcode.com" />
    <meta name="robots" content="all" />
    <title>留言板</title>
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="layui/css/layui.css" />
    <link rel="stylesheet" href="css/master.css" />
    <link rel="stylesheet" href="css/gloable.css" />
    <link rel="stylesheet" href="css/nprogress.css" />
    <link rel="stylesheet" href="css/message.css" /> 
</head>
	<style>
			.box {
				width: 800px;
				margin: 30px 400px;
				height: 34px;
				text-align: center;
			}
			
			.page {
				width: 600px;
			}
			
			.info {
				width: 200px;
				height: 34px;
				line-height: 34px;
			}
			
			.fl {
				float: left;
			}
		</style>
<body>

    <div class="doc-container" id="doc-container">
        <div class="container-fixed">
    <div class="container-inner">
        <section class="msg-remark">
            <h1>留言板</h1>
            <p>
                沟通交流，拉近你我！
            </p>
        </section>
        <div class="textarea-wrap message" id="textarea-wrap">
            <form class="layui-form blog-editor" action="">
                <div class="layui-form-item">
                    <textarea name="editorContent" lay-verify="content" id="remarkEditor" placeholder="请输入内容" class="layui-textarea layui-hide"></textarea>
                </div>
                <div class="layui-form-item">
                    <button class="layui-btn" lay-submit="formLeaveMessage" lay-filter="formLeaveMessage">提交留言</button>
                </div>
            </form>
        </div>
    </div>
    
    
       <div class="box">
			<div id="pagination1" class="page fl"></div>
		</div>
</div>
    </div>

    <script src="layui/layui.js"></script>
    <script src="js/yss/gloable.js"></script>
    <script src="js/plugins/nprogress.js"></script>
    <script>NProgress.start();</script>
    <script src="js/pagemessage.js"></script>
    <script>NProgress.start();</script>
    <script> 
        window.onload = function () {
            NProgress.done();
        };
    </script>
<!-- 	分页 -->
<link rel="stylesheet" href="css/jquery.pagination.css" />
		<script src="js/jquery-1.10.2.js"></script>
		<script src="js/jquery.pagination.min.js"></script>
	<script>
		$(function() {
			$("#pagination1").pagination({
				currentPage: 1,
				totalPage: 12,
				callback: function(current) {
					$("#current1").text(current)
				}
			});
	
			$("#pagination2").pagination({
				currentPage: 3,
				totalPage: 12,
				isShow: false,
				count: 6,
				prevPageText: "< 上一页",
				nextPageText: "下一页 >",
				callback: function(current) {
					$("#current2").text(current)
				}
			});
	
			$("#pagination3").pagination({
				currentPage: 4,
				totalPage: 16,
				isShow: true,
				count: 7,
				homePageText: "首页",
				endPageText: "尾页",
				prevPageText: "上一页",
				nextPageText: "下一页",
				callback: function(current) {
					$("#current3").text(current)
				}
			});
	
			$("#getPage").on("click", function() {
				var info = $("#pagination3").pagination("getPage");
				alert("当前页数：" + info.current + ",总页数：" + info.total);
			});
	
			$("#setPage").on("click", function() {
				$("#pagination3").pagination("setPage", 1, 10);
			});
		});
	</script>
</body>
</html>
